﻿@using WebApp.Extensions
@model Dto.ApiResponses.TaskLogResponses.TaskLogDetailResponse
@{
    ViewBag.CurrentPage = WebApp.Common.PageSetting.TaskLogShowPageSetting;
}

@{ var sectionId = (Request.IsAjaxRequest() ? "Ajax" : "View") + "_TaskLog_Show_" + Model.Detail.Id; }

@section Scripts{
    <script type="text/javascript">
        require(['taskLog/Show', 'Util'], function (api, util) {
            var model = util.toJS(@(Html.ToJson(Model)));
            $(function () { api.exec('@sectionId', model); });
        });
    </script>
}

<div class="container" data-bind="stopbinding: true">
    <section id="@sectionId">
        <div class="row">
            <div class="col-xs-12 col-sm-10 col-md-10 col-lg-10">
                <div class="row">
                    <div class="form-group">
                        <div class="col-md-12">
                            <label>Name</label>
                            <div class="text-info" data-bind="text : name"></div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group">
                        <div class="col-md-12">
                            <label>Member Code</label>
                            <div class="text-info" data-bind="text : memberCode"></div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group">
                        <div class="col-md-12">
                            <label>Member Name</label>
                            <div class="text-info" data-bind="text : memberName"></div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group">
                        <div class="col-md-12">
                            <label>Start Time</label>
                            <div class="text-info" data-bind="text : startTime"></div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group">
                        <div class="col-md-12">
                            <label>End Time</label>
                            <div class="text-info" data-bind="text : endTime"></div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group">
                        <div class="col-md-12">
                            <label>Status</label>
                            <div class="text-info" data-bind="text : taskStatusName"></div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group">
                        <div class="col-md-12">
                            <label>Description</label>
                            <div class="text-info" data-bind="text : description"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @if (!Request.IsAjaxRequest())
    {
        Html.RenderPartial("_ShowWithAudit", Model);
    }
</div>